<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <%@ include file="/WEB-INF/include/head.jsp" %>
</head>

<body class="sticky-header">

<section>
    <!-- left side start-->
    <%@ include file="/WEB-INF/include/menu.jsp" %>
    <!-- left side end-->

    <!-- main content start-->
    <div class="main-content">

        <!-- header section start-->
        <div class="header-section">

            <!--toggle button start-->
            <a class="toggle-btn"><i class="fa fa-bars"></i></a>
            <!--toggle button end-->

            <!--search start-->

            <!--search end-->

            <!--notification menu start -->
            <div class="menu-right">
                <ul class="notification-menu">
                    <li>
                        <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
                            <i class="fa fa-envelope-o"></i>
                            <span class="badge">5</span>
                        </a>
                        <div class="dropdown-menu dropdown-menu-head pull-right">
                            <h5 class="title">You have 5 Mails </h5>
                            <ul class="dropdown-list normal-list">
                                <li class="new">
                                    <a href="">
                                        <span class="thumb"><img src="images/photos/user1.png" alt=""/></span>
                                        <span class="desc">
                                          <span class="name">John Doe <span
                                                  class="badge badge-success">new</span></span>
                                          <span class="msg">Lorem ipsum dolor sit amet...</span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <span class="thumb"><img src="images/photos/user2.png" alt=""/></span>
                                        <span class="desc">
                                          <span class="name">Jonathan Smith</span>
                                          <span class="msg">Lorem ipsum dolor sit amet...</span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <span class="thumb"><img src="images/photos/user3.png" alt=""/></span>
                                        <span class="desc">
                                          <span class="name">Jane Doe</span>
                                          <span class="msg">Lorem ipsum dolor sit amet...</span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <span class="thumb"><img src="images/photos/user4.png" alt=""/></span>
                                        <span class="desc">
                                          <span class="name">Mark Henry</span>
                                          <span class="msg">Lorem ipsum dolor sit amet...</span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <span class="thumb"><img src="images/photos/user5.png" alt=""/></span>
                                        <span class="desc">
                                          <span class="name">Jim Doe</span>
                                          <span class="msg">Lorem ipsum dolor sit amet...</span>
                                        </span>
                                    </a>
                                </li>
                                <li class="new"><a href="">Read All Mails</a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <img src="images/photos/user-avatar.png" alt=""/>
                            John Doe
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-usermenu pull-right">

                            <li><a href="#"><i class="fa fa-cog"></i> 修改密码 </a></li>
                            <li><a href="#"><i class="fa fa-sign-out"></i> 退出</a></li>
                        </ul>
                    </li>

                </ul>
            </div>
            <!--notification menu end -->

        </div>
        <!-- header section end-->
        <!-- page heading start-->
        <div class="page-heading">
            <h3>
                园区详情
            </h3>
        </div>
        <!-- page heading end-->

        <!--body wrapper start-->
        <div class="wrapper">
            <div class="row">
                <div class="col-md-12">
                    <section class="panel">
                        <div class="panel-body " style="min-height: 725px">
                            <div class="form">
                                <form action="" class="form-horizontal cmxform form-horizontal adminex-form"
                                      id="addForm" onsubmit="return false;">

                                    <div class="form-group">
                                        <label class="control-label col-md-1">园区编号</label>
                                        <div class="col-md-4 col-xs-11">
                                            ${farmPark.parkNo}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label  class="control-label col-md-1">园区名称</label>
                                        <div class="col-md-4 col-xs-11">
                                            ${farmPark.parkName}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="" class="control-label col-md-1">园区地址</label>
                                        <div class="col-md-4 col-xs-11">
                                            ${farmPark.parkAddress}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="" class="control-label col-md-1">园区位置</label>
                                        <div id="map" style="width:400px;height:300px">

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="" class="control-label col-md-1">联系人</label>
                                        <div class="col-md-4 col-xs-11">
                                            ${farmPark.contactPerson}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="" class="control-label col-md-1">联系电话</label>
                                        <div class="col-md-4 col-xs-11">
                                            ${farmPark.phone}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="" class="control-label col-md-1">手机号码</label>
                                        <div class="col-md-4 col-xs-11">
                                            ${farmPark.mobilePhone}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="" class="control-label col-md-1">Email</label>
                                        <div class="col-md-4 col-xs-11">
                                            ${farmPark.email}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="" class="control-label col-md-1">备注</label>
                                        <div class="col-md-4 col-xs-11">
                                            ${farmPark.remark}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-6 col-xs-11">
                                            <button class="btn btn-primary" type="submit" style="margin-left: 38%" onclick="window.history.back()">
                                                返回
                                            </button>
                                        </div>
                                        <div class="col-md-4 col-xs-11"></div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
        <!--body wrapper end-->
        <!--footer section start-->
        <%@ include file="/WEB-INF/include/footer.jsp" %>
        <!--footer section end-->


    </div>
    <!-- main content end-->
</section>

<%@ include file="/WEB-INF/include/js.jsp" %>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.4&key=027e871c30139b6481e8f46682c73cb9"></script>
<script type="text/javascript">

    var marker;
    var map;

    var lng  = ${farmPark.lng==null?"116.397428":farmPark.lng};
    var lat = ${farmPark.lat==null?"39.90923":farmPark.lat};

    $(function () {

        marker = new AMap.Marker({
            position: [lng, lat]
        });

        map = new AMap.Map('map', {
            resizeEnable: true,
            zoom: 18,
            center: [lng, lat]
        });

        marker.setMap(map);
    });
</script>

</body>
</html>
